﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Target Material Design Bootstrap Admin Template</title>

    <link rel="stylesheet" href="/job/admin1/assets/materialize/css/materialize.min.css" media="screen,projection" />
    <!-- Bootstrap Styles-->
    <link href="/job/admin1/assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FontAwesome Styles-->
    <link href="/job/admin1/assets/css/font-awesome.css" rel="stylesheet" />
    <!-- Morris Chart Styles-->
    <link href="/job/admin1/assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <!-- Custom Styles-->
    <link href="/job/admin1/assets/css/custom-styles.css" rel="stylesheet" />
    <!-- Google Fonts-->
    <link rel="stylesheet" href="/job/admin1/assets/js/Lightweight-Chart/cssCharts.css">
</head>
<body>
<div id="wrapper">
</div>
<nav class="navbar-default navbar-side" role="navigation" id="leftdiv">

</nav>
<!-- /. NAV SIDE  -->
<div id="page-wrapper" >
    <div class="header">
        <h1 class="page-header">
            个人信息管理
        </h1>
        <ol class="breadcrumb">
            <li><a href="/job/index.html">首页</a></li>
            <li><a href="/job/myProfile.html">个人中心</a></li>
            <li class="active">个人信息</li>
        </ol>

    </div>

    <div id="page-inner">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-action">
                        我的信息

                    </div>
                    <div class="card-content">
                        <div class="col s4">
                            <ul class="tabs">
                                <li class="tab col s6"><a class="active" href="#test1">修改个人休息</a></li>
                                <li class="tab col s4"><a  href="#test2">修改密码</a></li>
                            </ul>
                        </div>
                        <div id="test1" class="col s12">
                        <form class="col s12" id="userInfoFrm">
                            <div class="row">
                                <div class="input-field col s6">
                                    &nbsp;&nbsp;&nbsp;&nbsp;<input disabled id="name" type="text" class="validate">
                                    <label for="name">姓名</label>
                                </div>
                                <div class="input-field col s6">
                                    &nbsp;&nbsp;&nbsp;&nbsp;<input disabled id="sex" type="text" class="validate">
                                    <label for="sex">性别</label>
                                </div>
                                <div class="input-field col s6">
                                    &nbsp;&nbsp;&nbsp;&nbsp;<input disabled id="age" type="text" class="validate">
                                    <label for="age">年龄</label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="input-field col s6">
                                    &nbsp;&nbsp;&nbsp;&nbsp;<input disabled id="mobile" type="text" class="validate">
                                    <label for="mobile">手机</label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="input-field col s6">
                                    &nbsp;&nbsp;&nbsp;&nbsp;<input disabled id="email" type="email" class="validate">
                                    <label for="email">邮箱</label>
                                </div>
                            </div>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-warning" id="userInfoEditBtn">修改</button>
                            &nbsp;&nbsp;&nbsp;<button disabled type="button" class="btn btn-primary" id="userInfoEditConfirmBtn">确认</button>

                        </form>
                    </div>

                        <div id="test2" class="col s12">
                            <form class="col s12" id="pwdchangeFrm">
                                <div class="row">
                                    <div class="input-field col s12">
                                        &nbsp;&nbsp;&nbsp;&nbsp;<input disabled id="pwd1" type="text" class="validate">
                                        <label for="pwd1">原密码</label>
                                    </div>
                                    <div class="input-field col s12">
                                        &nbsp;&nbsp;&nbsp;&nbsp;<input disabled id="pwd2" type="text" class="validate">
                                        <label for="pwd2">新密码</label>
                                    </div>
                                    <div class="input-field col s12">
                                        &nbsp;&nbsp;&nbsp;&nbsp;<input disabled id="pwd3" type="text" class="validate">
                                        <label for="pwd3">再输入新密码</label>
                                    </div>
                                </div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-warning" id="pwdEditBtn">修改</button>
                                &nbsp;&nbsp;&nbsp;<button disabled type="button" class="btn btn-primary" id="pwdchangeConfirmBtn">确认</button>

                            </form>
                        </div>
                        &nbsp;
                        <div class="clearBoth"></div>
                    </div>
                </div>
            </div>
        </div>

            <!-- /.panel-body -->
        </div>
    </div>
    <!-- /. PAGE INNER  -->
</div>
<!-- /. PAGE WRAPPER  -->
</div>


<!-- 模态框（Modal） -->
<div class="modal fade" id="changepwdmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
            </div>
            <div class="modal-body">在这里添加一些文本</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- /. WRAPPER  -->
<!-- JS Scripts-->
<!-- jQuery Js -->

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- Bootstrap Js -->
<script src="/job/admin1/assets/js/bootstrap.min.js"></script>
<script src="/job/js/myProfile.js"></script>

<script src="/job/admin1/assets/materialize/js/materialize.min.js"></script>

<!-- Metis Menu Js -->
<script src="/job/admin1/assets/js/jquery.metisMenu.js"></script>
<!-- Morris Chart Js -->
<script src="/job/admin1/assets/js/morris/raphael-2.1.0.min.js"></script>
<script src="/job/admin1/assets/js/morris/morris.js"></script>


<script src="/job/admin1/assets/js/easypiechart.js"></script>
<script src="/job/admin1/assets/js/easypiechart-data.js"></script>

<script src="/job/admin1/assets/js/Lightweight-Chart/jquery.chart.js"></script>

<!-- Custom Js -->
<script src="/job/admin1/assets/js/custom-scripts.js"></script>


</body>

</html>